<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Dharmaksatria - Website Alumni Kepolisian 2010 <?php echo base_url();?></title>
<link rel="shortcut icon" type="image/png" href="<?php echo base_url();?>images/favicon.png">
<link rel="stylesheet" href="<?php echo base_url();?>styles/style.css" />

<link href='http://fonts.googleapis.com/css?family=Poly:400,400italic' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700|PT+Sans+Caption:400,700' rel='stylesheet' type='text/css' />

<link rel="stylesheet" href="<?php echo base_url();?>styles/nivo-slider/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php echo base_url();?>styles/nivo-slider/default.css" type="text/css" media="screen" />

<script type="text/javascript" src="<?php echo base_url();?>scripts/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>

<script type="text/javascript" src="<?php echo base_url();?>scripts/jquery.nivo.slider.pack.js"></script>

<script src="http://bxslider.com/sites/default/files/jquery.bxSlider.min.js" type="text/javascript"></script>
<script src="<?php echo base_url();?>scripts/jquery.imgPreview.js" type="text/javascript"></script>
<script src="<?php echo base_url();?>scripts/smartpaginator.js" type="text/javascript"></script>
<script src="<?php echo base_url();?>scripts/general.js" type="text/javascript"></script>

<script type="text/javascript" src="<?php echo base_url();?>scripts/video.js"></script>

<script type="text/javascript">
var baseUrl = <?php echo json_encode(base_url());?>;
$(window).load(function() {
	$("ul.blockeasing li.main").mouseenter(function(){
		$(this).find('.subnav').slideDown({ duration: 50, easing: 'easeInOutQuad'}) 	
	}).mouseleave(function(){
		$(this).animate({delay:1},50, function() {
			$(this).find('.subnav').fadeOut(0);	 
		});
	});	
	
	var d = new Date();	
	var weekday=new Array(7);
	weekday[0]="Minggu";
	weekday[1]="Senin";
	weekday[2]="Selasa";
	weekday[3]="Rabu";
	weekday[4]="Kamis";
	weekday[5]="Jumat";
	weekday[6]="Sabtu";
	var bulan=new Array(7);
	bulan[0]="Januari";
	bulan[1]="Februari";
	bulan[2]="Maret";
	bulan[3]="April";
	bulan[4]="Mei";
	bulan[5]="Juni";
	bulan[6]="Juli";
	bulan[7]="Agustus";
	bulan[8]="September";
	bulan[9]="Oktober";
	bulan[10]="November";
	bulan[11]="Desember";
	$(".date").html(weekday[d.getDay()] + "&nbsp;" +d.getDate() + "&nbsp;" + bulan[d.getMonth()] + "&nbsp;" + d.getFullYear());
	
	$(".returnTop").click(function(){
		$('html,body').animate({ scrollTop: 0}, {duration: 800, easing: 'easeInOutQuart'} );	
	});
	
	$(".toggle_container").hide();
	$(".toggle").click(function()
	{
		$(this).next(".toggle_container").slideToggle({ duration: 400, easing: 'easeInOutQuad'}) 
	});
	
    $('#slider').nivoSlider({
        effect: 'random', // Specify sets like: 'fold,fade,sliceDown'
        slices: 35, // For slice animations
        boxCols: 8, // For box animations
        boxRows: 4, // For box animations
        animSpeed: 1500, // Slide transition speed
        pauseTime: 6500, // How long each slide will show
        startSlide: 0, // Set starting Slide (0 index)
        directionNav: true, // Next & Prev navigation
        directionNavHide: true, // Only show on hover
        controlNav: true, // 1,2,3... navigation
        controlNavThumbs: false, // Use thumbnails for Control Nav
        controlNavThumbsFromRel: false, // Use image rel for thumbs
        controlNavThumbsSearch: '.jpg', // Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
        keyboardNav: true, // Use left & right arrows
        pauseOnHover: true, // Stop animation while hovering
        manualAdvance: false, // Force manual transitions
        captionOpacity: 0.9, // Universal caption opacity
        prevText: 'Prev', // Prev directionNav text
        nextText: 'Next', // Next directionNav text
        randomStart: false, // Start on a random slide
        beforeChange: function(){}, // Triggers before a slide transition
        afterChange: function(){}, // Triggers after a slide transition
        slideshowEnd: function(){}, // Triggers after all slides have been shown
        lastSlide: function(){}, // Triggers when last slide is shown
        afterLoad: function(){} // Triggers when slider has loaded
    });
	
	$('#slogan').bxSlider({
		mode: 'horizontal',
		randomStart : true,
		autoHover: true,
		speed: 3500,
		easing: 'easeInOutQuart',
		auto: true,
		controls: false
	});
	
});
</script>

<!--[if lte IE 8]>
    <script src="scripts/IE-doctor.js" type="text/javascript"></script>
<![endif]-->

</head>
<?php if(!$user = $this->session->userdata('userdata')){
	$user = NULL;
}?> 
<body>

	<div id="upper_navigation"><!-- Upper Line Navigation -->
    <div class="wrapper"><!-- 900px wrapper -->
    
    	<ul class="blockeasing">
        	<li><span class="date">26 Dec 2011</span></li>
            <!--<li class="main"><a href="contact.html">Kontak</a></li>-->
			
        </ul>
        <?php if($user){ ?>
			<span id="upper_navigation_right">Anda Login Sebagai <a href="<?php echo base_url()."users/index/".$user['id_user'];?>"><?php echo $user['username'];?></a></span>
		<?php }?>
        
    </div><!-- 900px wrapper -->
    </div>

	<div id="header">
	<div class="wrapper"><!-- 900px wrapper -->
    
        <div id="logo"><!-- Logo -->
        	<a href="<?php echo base_url();?>"><img src="<?php echo base_url();?>images/logo.png" alt="dharmaksatria" /></a>
            <span id="l_tagline">Website Alumni Kepolisian Tahun 2010.</span>
        </div>
        
        <nav><!-- Main Navigation -->
        	<ul class="blockeasing">
            	<li class="main"><a href="<?php echo base_url();?>">Beranda</a></li>
                <li class="main"><a href="<?php echo base_url();?>articles">Artikel</a></li>
                <li class="main"><a href="<?php echo base_url();?>photos">Foto</a></li>
                <li class="main"><a href="<?php echo base_url();?>videos">Video</a></li>
                <!--<li class="main"><a href="contact.html">Kontak</a></li>-->
				<?php if($user){ ?>
				<li class="main"><a href="#">Konten Anda</a>
					<ul class="subnav">  
						<li><a href="<?php echo base_url();?>articles/user_articles">Artikel</a></li>  
						<li><a href="<?php echo base_url();?>photos/user_photos">Foto</a></li>  
						<li><a href="<?php echo base_url();?>videos/user_videos">Video</a></li>  
					</ul>
				</li>
				<li class="main"><a href="<?php echo base_url()."users/index/".$user['id_user'];?>">Profile</a></li>
				<li class="main"><a href="<?php echo base_url();?>beranda/logout">Logout</a></li>
				<?php } ?>
				</ul>
            
            
        </nav>
        
	</div><!-- 900px wrapper -->